<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Facelets Template</title>
    </h:head>

    <h:body>
        <h:form>  

            <p:dataTable id="dataTable" var="sitio" value="#{listaSitios.sitio}" widgetVar="carsTable"   
                         emptyMessage="No se encontraron Elementos segun su busqueda " filteredValue="#{listaSitios.sitioFiltrado}"  
                         paginator="true" rows="10"  
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                         rowsPerPageTemplate="5,10,15"> 

                >  

                <f:facet name="header">  
                    <p:outputPanel>  
                        <h:outputText value="Search all fields:" />  
                        <p:inputText id="globalFilter" onkeyup="PF('carsTable').filter()" style="width:150px" />  
                    </p:outputPanel>  
                </f:facet>  

                <p:column id="modelColumn" filterBy="#{sitio.nombre}"   
                          headerText="Nombre" footerText="contains"  
                          filterMatchMode="contains">  
                    <h:outputText value="#{sitio.nombre}" />  
                </p:column>  

                <p:column id="yearColumn" filterBy="#{sitio.direccion}"  
                          headerText="Direccion" footerText="startsWith">  
                    <h:outputText value="#{sitio.direccion}" />  
                </p:column>  



                <p:column id="colorColumn" filterBy="#{sitio.capacidad}"  
                          headerText="Capacidad" footerText="endsWith" filterMatchMode="endsWith">  
                    <h:outputText value="#{sitio.capacidad}" />  
                </p:column>  
            </p:dataTable>  

        </h:form>  

    </h:body>

</html>
